<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="img/favicon.html">

    <title>Blank</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet"/>
    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/local.css" rel="stylesheet"/>

    <link href="css/style-responsive.css" rel="stylesheet"/>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body>

<section id="container" class="">
    <!--header start-->
    <div id="header">

    </div>
    <!--main content start-->
    <section id="main-content">
        <section class="wrapper">
            <!-- page start-->
            <div class="row">
                <div class="col-lg-12">
                    <section class="panel">

                        <!-- 搜索-->

                        <!--搜索结束-->
                        <header class="panel-heading">

                            物品列表
                            <div class="x_content">
                            <form method="post">
                                <ul>
                                    <li>
                                        <div class="form-group">
                                            <label class="control-label col-lg-1 col-sm-3 col-xs-12"
                                                   style="text-align: center">物品名称</label>
                                            <div class="col-lg-2 col-sm-6 col-xs-12">
                                                <input v-model="goodsName" id="softwarename" name="softwarename" type="text"
                                                       class="form-control" placeholder="请输入物品名称">
                                            </div>
											
												
											
                                        </div>
                                    </li>
                                    <li>

                                        <button type="button" class="btn btn-primary" @click="getList(1)" id="submit"> 查 &nbsp;&nbsp;&nbsp;&nbsp;询</button>
										<a href="javascript:;" @click="add"  class="btn btn-danger btn-lg" style="float: right;"> 增加 </a>
                                    </li>
                                </ul>
                            </form>
                        </div>
                        </header>
                        <table class="table table-striped border-top app-table" id="sample_1">
                            <thead>
                            <tr>
                                <th style="width:8px;"></th>
                                <th>类别名称</th>
                                <th class="hidden-phone">出库数量</th>
                                <th class="hidden-phone">库存数量</th>
                                <th class="hidden-phone">总数量</th>
                                <th class="hidden-phone">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="odd gradeX" v-for="storeManagement in getList1.list">
                                <td><input type="checkbox" class="checkboxes" value="1"/></td>
                                <td class="hidden-phone"><a :href="'storeman-warehousedetaile.html?id='+storeManagement.id">{{storeManagement.goodsname}}</a></td>
                                <td class="hidden-phone">{{storeManagement.goodsOut}}</td>
                                <td class="hidden-phone">{{storeManagement.repertory}}</td>
                                <td class="hidden-phone">{{storeManagement.goodsOut+storeManagement.repertory}}</td>
                                <td>
                                    <button class="btn btn-success btn-xs" @click="tianjia(storeManagement.id)"><i class="icon-plus"></i>添加</button>
                                    <button class="btn btn-danger btn-xs" @click="delet(storeManagement.id)"><i  class="icon-trash "></i>删除</button>
                                </td>
                            </tr>
                            


                            </tbody>
                        </table>
                        <div class="pages">
                            <a href="javascript:;" class="p_pre" id='homePage' @click="getList(1)">首页</a>
                            <a href="javascript:;" class="number" @click="getList(page)" v-for="page in getList1.navigatepageNums">{{page}}</a>
                            <a href="javascript:;" class="p_pre" @click="getList(getList1.pages)" id='lastPage'>末页</a>
                        </div>
                        <div class="pages"></div>
                    </section>
                </div>
            </div>
            <!-- page end-->
        </section>
    </section>
    <!--main content end-->
</section>

<!-- js placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
<script src="yongknagJS/vue.js"></script>
<script src="yongknagJS/axios.js"></script>
<script src="yongknagJS/storeman-warehouse.js"></script>


<!--common script for all pages-->
<script src="js/common-scripts.js"></script>
<script src="localjs/storeman-warehouse.js"></script>

</body>
</html>
